﻿{extend name="common/base"}
{block name="title"}首页{/block}

<body>

{block name="content"}
    <!-- slide -->
    <div class="container">
        <div class="slide">
            <div class="slide-show owl-carousel owl-theme">
                {volist name='list' id='vo'}
                <div class="slide-content first-slide">
                    <div class="mask2"></div>
                    <img src="{$vo.src}" alt="">
                    <div class="caption">
                        <h2>欢迎来到我的商城</h2>
                        <p>每天都有惊喜</p>
                        <a href="{$vo.link}"><button class="button">欢迎选购</button></a>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
    </div>
    <!-- end slide -->

    <!-- category -->
    <div class="category segments">
        <div class="container">
            <div class="row">
                {foreach name="fenlei" id="fen"}
                <div class="col s3">
                    <div class="content">
                        <a href="{:Url('index/product')}?fenlei_id={$fen.id}">
                            <i class="fa fa-cubes"></i>
                            <span>{$fen.name}</span>
                        </a>
                    </div>
                </div>
                {/foreach}
            </div>
        </div>
    </div>
    <!-- end category -->

    <!-- b-seller -->
    <div class="b-seller segments">
        <div class="container">
            <div class="section-title">
                <h3>热销商品</h3>
            </div>
            <div class="row">
                {foreach name="goodslist" id="go"}
                <div class="col s6">
                    <div class="content">
                        <div class="image">
                            <a href="{:Url('product/product_details')}?id={$go.goodsid}">
                            {volist name="go['src']" id="src"}
                            <img src="{$src}" alt="">
                            {/volist}
                            </a>
                        </div>
                        <div class="text">
                            <a href="{:Url('product/product_details')}?id={$go.goodsid}">
                                <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{$go.name}</p>
                            </a>
                            <h5>¥{$go.price}</h5>
                        </div>
                    </div>
                </div>
                {/foreach}
            </div>
        </div>
    </div>
    <!-- end b-seller -->

    <!-- banner -->
    <div class="banner">
        <div class="container-fluid">
            <div class="content">
                <a href="/index/product/product_details.html?id=4"><img src="__STATIC__/index/images/6e71a3193ee4f75f.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- end banner -->

    <!-- product home -->
    <div class="product-home segments">
        <div class="container">
            <div class="section-title">
                <h3>手机</h3>
            </div>
            <div class="product-slide owl-carousel owl-theme">
                {foreach name="fenlei1" id="fen1"}
                <div class="content">
                    <a href="{:Url('product/product_details')}?id={$fen1.id}"><img src="{$fen1['src'][0]}" alt=""></a>
                </div>
                {/foreach}
            </div>
            <div class="l-more">
                <a href="{:Url('index/product')}?fenlei_id={$fen1.pid}">
					查看更多<i class="fa fa-angle-right"></i>
				</a>
            </div>
        </div>
    </div>
    <!-- end product home -->

    <!-- product home -->
    <div class="product-home p-bottom segments">
        <div class="container">
            <div class="section-title">
                <h3>游戏机</h3>
            </div>
            <div class="product-slide-two owl-carousel owl-theme">
                {foreach name="fenlei2" id="fen2"}
                <div class="content">
                    <a href="{:Url('product/product_details')}?id={$fen2.id}"><img src="{$fen2['src'][0]}" alt=""></a>
                </div>
                {/foreach}
            </div>
            <div class="l-more">
                <a href="{:Url('index/product')}?fenlei_id={$fen2.pid}">
					查看更多<i class="fa fa-angle-right"></i>
				</a>
            </div>
        </div>
    </div>
    <!-- end product home -->

    <!-- footer -->
    <footer>
        <div class="container">
            <a href=""><h1>手机端商城</h1></a>
            <ul>
                <li><a href=""><i class="fa fa-facebook"></i></a></li>
                <li><a href=""><i class="fa fa-twitter"></i></a></li>
                <li><a href=""><i class="fa fa-google"></i></a></li>
                <li><a href=""><i class="fa fa-instagram"></i></a></li>
            </ul>
            <p>Copyright © All Right <a href="http://www.17sucai.com/">Reserved</a></p>
        </div>
    </footer>
    <!-- end footer -->

{/block}